@charset "UTF-8";

%trActive {
  td {
    border-width: 1px 0;
    border-style: solid;
    border-color: #ddd;
    background-color: #F0F7FF;
  }
}

.table {
  table-layout: fixed;
  tbody {
    > tr {
      &:hover {
        @extend %trActive;
      }
    }
    > .empty {
      &:hover {
        td {
          background-color: #fafafa !important;
        }
      }
      .fa {
        margin-right: 5px;
      }
    }
    > .on {
      @extend %trActive;
    }
  }
  tr {
    &:nth-child(2n+1) {
      td {
        background-color: #fafafa;
      }
    }
    &:last-child {
      td {
        border-bottom: 1px solid #ddd;
      }
    }
  }
}

.table-wrap {
  border: 1px solid #ddd;
  border-bottom: 0;
  .table {
    margin-bottom: 0;
    th,td {
      padding: 10px 8px;
    }
    thead {
      background-color: #f0f0f0;
      tr {
        th {
          border-bottom: 1px solid #ddd;
        }
      }
    }
  }
}

.handle-bar-bg {
  +.table-wrap {
    border-top: 0;
    .table {
      thead {
        background-color: transparent;
      }
    }
  }
}